<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图库详情</title>
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="nav_box">
    <div class="logo"><img src="../img/main_logo.png"></div>
    <div class="nav_right">
        <dl>
            <dd><a href="../index.html">首页</a></dd>
            <dd><a href="../About/introduction.html">关于我们</a></dd>
            <dd><a href="../Driver/driver.html">车手介绍</a></dd>
            <dd><a href="../Program/Program.html">节目介绍</a></dd>
            <dd><a href="../Media/Media.html">媒体中心</a></dd>
            <dd><a href="../Culture/Automobile_culture.html">汽车文化</a></dd>
            <dd><a href="../video/video_list.html">视频中心</a></dd>
            <dd><a href="../gallery/gallery_list.html">精彩图库</a></dd>
            <dd><a href="../entertainment/entertainment.html">休闲娱乐</a></dd>
            <dd><a href="../order/Product.html">产品预定</a></dd>
        </dl>
    </div>
</div>
<!-- 头部导航结束 -->
<!-- banner图 -->
<div class="banner_box">
    <img src="../img/banner_4.jpg">
</div>
<!-- banner结束 -->
<!-- 正文内容开始 -->
<div class="main_box">
    <div class="main_content">
        <div class="piti_box clearfix">
            <h3>tuku</h3>
            <p>精彩图库</p>
        </div>
        <div class="piti_m clearfix">
            <h3>Monster car</h3>
        </div>
        <div class="hdbox clearfix">
            <ul>
                <li class="active"><a href="#">怪物车</a> <span>/</span></li>
                <li><a href="#">房车</a> <span>/</span></li>
                <li><a href="#">变形金刚机器人</a> <span>/</span></li>
                <li><a href="#">车展</a></li>
            </ul>
        </div>
        <div class="bdbox">
           <div class="SlideBox">
               <div class="hd">
                   <ul>
                      <li class="on"></li>
                       <li></li>
                       <li></li>
                   </ul>
               </div>
               <div class="bd">
                   <ul>
                     <li>
                        <div class="slide_img">
                           <img src="../img/loadi1.jpg">
                        </div>
                        <div class="slide_text">
                            危险宠物 吞食天地的怪物大脚车
                        </div>
                     </li>
                       <li>
                           <div class="slide_img">
                               <img src="../img/loadi1.jpg">
                           </div>
                           <div class="slide_text">
                               危险宠物 吞食天地的怪物大脚车
                           </div>
                       </li>                     <li>
                       <div class="slide_img">
                           <img src="../img/loadi1.jpg">
                       </div>
                       <div class="slide_text">
                           危险宠物 吞食天地的怪物大脚车
                       </div>
                   </li>
                   </ul>
               </div>
               <!--前后按钮-->
               <a class="prev" href="javascript:void(0)"></a>
               <a class="next" href="javascript:void(0)"></a>
           </div>
        </div>
    </div>
</div>
<!-- 正文内容结束 -->

<!-- 尾部版权信息 -->
<div class="footer fot_top">
    <div class="fot_box">
        <dl>
            <dd><a href="#">汽车文化</a><span></span></dd>
            <dd><a href="#">休闲娱乐</a><span></span></dd>
            <dd><a href="#">产品预定</a></dd>
        </dl>
        <p><span class="fl"><img src="../img/fot1.png"></span>©Copyright2017张家界博裕隆文化传媒有限责任公司版权所有<b>湘ICP备05011961号</b><a class="cl" href="#">技术支持：湖南畅旅 </a><span class="fr"><img src="../img/fot1.png"></span></p>
    </div>
</div>
<!-- 尾部版权结束 -->
<script src="../js/jquery.superslide.js"></script>
<script>
    //车手详情图片轮播
    $(".SlideBox").slide({
        titCell: ".hd li",
        mainCell: ".bd ul",
        effect: "left",
        trigger: "mouseover",
        delayTime: 400,
        autoPlay:true
    });
</script>
</body>
</html>